<template>
    <div class="footer-box">
          <div>
            <i class="iconfont icon-cidianku"></i>
            <!-- <router-link to="/Home">  词典</router-link> -->
         <router-link to="/YueDu">  词典</router-link>
        </div>
        <div>  
            <i class="iconfont icon-shipin"></i>
            <!-- <router-link to="/BookList">视频</router-link> -->
           <router-link to="/QiuZhi">视频</router-link>
        </div>
        <div>
            <i class="iconfont icon-xuexi"></i>
            <!-- <router-link to="/ShoppingCar">学习</router-link> -->
             <router-link to="/Remen">学习</router-link>
        </div>
        <div>
            <i class="iconfont icon-shuyi_wenbenfanyi"></i>
           
            <router-link to="/FanYi">翻译</router-link>
        </div>
        <div>
            <i class="iconfont icon-huiyuan"></i>
             <!-- <router-link to="/Reg">会员</router-link> -->
               <router-link to="/DanCiBen">会员</router-link>
        </div>
    </div>   
</template>

<script>
export default {
    name:"MyFooter",
    data(){
        return {
           
        }
    }
}
</script>

<style scoped>

@import url(../assets/iconfont.css);
/* 
.footer-box{
    width: 100%;
    height: 0.5rem;
    background-color: blue;   
} */
.footer-box{
     width: 3.25rem;
    height: .6rem;
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .24rem;
}
.footer-box div{
    font-size: .12rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.footer-box div:hover{
    font-weight: bold;
   color: red;

}
</style>
